$(function() {
    var province = $("#province");
    var city = $("#city");
    var area = $("#area");

    //文档加载完毕:即从province_city_select_Info.xml获取数据,成功之后采用
    //func_suc_getXmlProvice进行 省的 解析
    $.ajax({
        type : "GET",
        url : "/js/city.xml?v=2",
        success : func_suc_getXmlProvice,
    });
    $.ajax({
        type : "GET",
        url : "/js/city.xml?v=2",
        success : func_suc_getXmlCity
    });
    $.ajax({
        type : "GET",
        url : "/js/city.xml?v=2",
        success : func_suc_getXmlArea
    });

    //省 下拉选择发生变化触发的事件
    province.change(function() {
        //province.val() : 返回是每个省对应的下标,序号从0开始
        if (province.val() != "") {
            city.html('<option value="0" selected>请选择</option>');
            area.html('<option value="0" selected>请选择</option>');
            //根据下拉得到的省对于的下标序号,动态从从province_city_select_Info.xml获取数据,成功之后采用
            //func_suc_getXmlProvice进行省对应的市的解析
            $.ajax({
                type : "GET",
                url : "/js/city.xml?v=2",
                success : func_suc_getXmlCity
            });
            $.ajax({
                type : "GET",
                url : "/js/city.xml?v=2",
                success : func_suc_getXmlArea
            });
        }
        //change();
    });

    //市 下拉选择发生变化触发的事件
    city.change(function() {
        area.html('<option value="0" selected>请选择</option>');
        $.ajax({
            type : "GET",
            url : "/js/city.xml?v=2",

            //根据下拉得到的省、市对于的下标序号,动态从从province_city_select_Info.xml获取数据,成功之后采用
            //func_suc_getXmlArea进行省对应的市对于的区的解析
            success : func_suc_getXmlArea
        });
        //change();
    });


    //解析获取xml格式文件中的prov标签,得到所有的省,并逐个进行遍历 放进下拉框中
    function func_suc_getXmlProvice(xml) {
        //jquery的查找功能
        var sheng = $(xml).find("prov");
        //jquery的遍历与查询匹配 eq功能,并将其放到下拉框中
        sheng.each(function(i) {
            if(sheng.eq(i).attr("id") == preProvince){
                province.append("<option value=" + sheng.eq(i).attr("id") + " selected >"
                    + sheng.eq(i).attr("text") + "</option>");
            }else{
                province.append("<option value=" + sheng.eq(i).attr("id") + " >"
                    + sheng.eq(i).attr("text") + "</option>");
            }

        });
    }

    function func_suc_getXmlCity(xml) {
        var xml_sheng = $(xml).find("prov");
        if(province.val() !=null){
            var province_id = parseInt(province.val());
        }else{
            var province_id = preProvince;
        }
        xml_sheng.each(function(i){
            if(xml_sheng.eq(i).attr('id') == province_id) {
                xml_shi = xml_sheng.eq(i).find("city");
            }
        });
        //city.append('<option value="0" selected>请选择</option>');
        xml_shi.each(function(j) {
            if(xml_shi.eq(j).attr("id") == preCity){
                city.append("<option value=" + xml_shi.eq(j).attr("id") + " selected >"
                    + xml_shi.eq(j).attr("text") + "</option>");
            }else{
                city.append("<option value=" + xml_shi.eq(j).attr("id") + ">"
                    + xml_shi.eq(j).attr("text") + "</option>");
            }

        });

    }

    function func_suc_getXmlArea(xml) {
        var xml_sheng = $(xml).find("prov");
        if(province.val() !=null){
            var province_id = parseInt(province.val());
        }else{
            var province_id = preProvince;
        }
        xml_sheng.each(function(i){
            if(xml_sheng.eq(i).attr('id') == province_id) {
                xml_city = xml_sheng.eq(i).find("city");
            }
        });
        if(city.val() !=null){
            var city_num = parseInt(city.val());
        }else{
            var city_num = preCity;
        }

        xml_city.each(function(i){
            if(xml_city.eq(i).attr('id') == city_num) {
                xml_xianqu = xml_city.eq(i).find("county");
            }
        });
        xml_xianqu.each(function(k) {
            if(xml_xianqu.eq(k).attr("id") == preArea){
                area.append("<option value=" + xml_xianqu.eq(k).attr("id") + ">"
                    + xml_xianqu.eq(k).attr("text") + "</option>");
            }else{
                area.append("<option value=" + xml_xianqu.eq(k).attr("id") + ">"
                    + xml_xianqu.eq(k).attr("text") + "</option>");
            }

        });
    }

    function change() {

        var result = $("select").val();

        if(result=='0'){
        	city.html('');
            area.html('');
            area.html('');
        }

    }
});